<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>美丽说</title>
    <link rel="stylesheet" href="./Public/Home/style/css/index.css">
    <link rel="stylesheet" href="./Public/Home/style/css/font.css">
        <!-- 载入hdjs 气泡报错-->
    <link rel="stylesheet" href="./Public/hdjs/hdjs.css">
    <script src="./Public/jquery-1.8.2.min.js"></script>
    <script src="Public/hdjs/hdjs.min.js"></script>
    <script type="text/javascript" src="./Public/Home/style/js/index.js"></script>
    <style type="text/css"></style>
    <script>
        $(function(){
            alert(1);
        })
    </script>
</head>
<body>

<!-- 头部js分类框 -->
        <div id="js_dv">
                <div id="kind">
            <div id="kind1">
                <ul>
                    <li style="border-bottom:2px solid #f69;" class="kind_l0"><div class="kind_d"><a href="" class="Kind_a" style="color:#f69;">首页</a></div></li>
                    <?php foreach ($cateData as $v){?>
                    <li class="kind_l0"><div class="kind_d"><a href="" class="Kind_a"><?php echo $v['cname']?></a></div></li>
                    <?php }?>
                  
                </ul>
            </div>
        </div>
        </div>
<!-- 顶部区域 -->
    <div id="top">
        <ul id="top_l">
            <li class="top"><div class="top0 top1">
                <a href="" class="top_a">帮助中心</a></div></li>
            <li class="top">
                <div class="top0 top2">
                    <i class="iconfont" style="color:#919290;">&#xe602;</i>
                    <a href="" class="top_a">
                        
                        下载App</a>
                    <!-- <i class="iconfont" style="font-size:1px;">&#xe60a;</i> -->
                </div>
            </li>
            <li class="top">
                <div class="top0 top3">
                    <i class="iconfont" style="color:#919290;">&#xe601;</i>
                    <a href="" class="top_a">
                        我的订单
                    </a>
                </div>
            </li>
            <li class="top">
                <div class="top0 top4">
                    <i class="iconfont" style="color:#ff6699;">&#xe604;</i>
                    <a href="<?php echo U('Cart/index')?>" class="top_a">
                        我的购物车
                    </a>
                </div>
            </li>
            
                <?php if(isset($_SESSION['username'])): ?>
                    <li class="top">
                    <div class="top0 top5">
                    <a href="<?php echo U('Member/out')?>" class="top_a">退出</a>
                    </div>
                    </li>
                <li class="top">
                    <div class="top0 top6">
                    <span class="top_a"><?php echo $_SESSION['username']; ?> </span>
                    </div></li>
                 <?php else: ?>
                   <li class="top">
                <div class="top0 top5">
                <a href="<?php echo U('Member/reg')?>" class="top_a">注册</a>
                </div></li>
            <li class="top">
                <div class="top0 top6">
                <a href="<?php echo U('Member/login')?>" class="top_a">登录</a></div></li>
                <?php endif ?>

        </ul>
    </div>

<!-- banner 区域-->
    <div id="banner">
        <div id="banner1">
            <div class="banner1">
                <img src="./Public/Home/style/images/mls1.png">
            </div>
            <div class="banner2">
                <div class="banner_t">
                        <a href=""><span class="banner_ts1">宝贝</span></a>
                </div>
                <div class="banner_c">
                    <input class="input" type="text" name="" placeholder="关注奥运之运动鞋买起来" style="outline:none;"><button style="outline:none;">提交</button>
                </div>
                <div class="banner_b">
                    <ul>
                        <li><a href="" class="banner_ba2">连衣裙</a></li>
                        <li><a href="" class="banner_ba2">连衣裙</a></li>
                        <li><a href="" class="banner_ba2">连衣裙</a></li>
                        <li><a href="" class="banner_ba2">连衣裙</a></li>
                        <li><a href="" class="banner_ba2">连衣裙</a></li>
                        <li><a href="" class="banner_ba2">连衣裙</a></li>
                        <li><a href="" class="banner_ba2">连衣裙</a></li>
                        <li><a href="" class="banner_ba2">连衣裙</a></li>
                        <li><a href="" class="banner_ba2">连衣裙</a></li>
                        <li><a href="" class="banner_ba2">连衣裙</a></li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
<!-- 分类区域 -->
        <div id="kind">
            <div id="kind1">
                <ul>
                    <li style="border-bottom:2px solid #f69;" class="kind_l0"><div class="kind_d"><a href="" class="Kind_a" style="color:#f69;">首页</a></div></li>
                    <?php foreach ($cateData as $v){?>
                        <li class="kind_l0">
                            <div class="kind_d">
                                <a href="<?php echo U('List/index',['cid'=>$v['cid']])?>" 
                            class="Kind_a"><?php echo $v['cname']?></a>
                            </div>
                        </li>
                    <?php }?>
                   
                </ul>
            </div>
        </div>
    <!-- 列表区域 -->
        <div id="list">
            <ul id="list_l">
            <?php foreach ($cateData as $v){?>
                <div id="list_ld">
                    <li id="list_lt">
                        <h3 class="list_l1"><a href=""><?php echo $v['cname']?></a></h3>
                        <div class="list_l2">
                            <?php foreach ($v['son'] as $vs){?>
                            
                            <a href=""><?php echo $vs['cname']?></a>
                            
                            <?php }?>

                        </div>
                        <div class="list_l3">
                        <span>></span>
                            <!-- <i class="iconfont" style="color:#ff6699;">&#xe604;</i> -->
                        </div>
                        
                    
                        <div id="list_h">
                            <ul id="list_hl">
                                <li id="list_hlt">
                                    <h3 class="list_l1"><a href="">新品发布</a></h3>
                                    <div class="list_hl2">
                                    <?php foreach ($v['son'] as $value){?>
                                        <?php foreach ($value['gson'] as $vgs){?>

                                        <a href=""><?php echo $vgs['cname']?></a>
                                        <?php }?>
                                        
                                    <?php }?>
                                    </div>
                                </li>
                            </ul>
                        </div>

                    </li>
                </div>
            <?php }?>
                
            </ul>
            <!-- 轮播区域 -->
            <div id="list_r">
                <div id="img">
                   <img class="img111" src="./Public/Home/style/images/1.jpg" alt="" />
                    <img src="./Public/Home/style/images/2.jpg" alt="" />
                    <img src="./Public/Home/style/images/3.jpg" alt="" />
                    <img src="./Public/Home/style/images/4.jpg" alt="" />
                    <ul id="ul">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <div id="click">
                        <div id="list_z">
                            <img src="./Public/Home/style/images/1.png">
                        </div>
                        <div id="list_y">
                            <img src="./Public/Home/style/images/2.png">
                        </div>
                    </div>
                </div>
                <ul id="list_b">
                    <li class="list_b1">
                        <a href="">
                            <img src="./Public/Home/style/images/mls5.jpg">
                        </a>
                    </li>
                    <li class="list_b1">
                        <a href="">
                            <img src="./Public/Home/style/images/mls5.jpg">
                        </a>
                    </li>
                    <li class="list_b1">
                        <a href="">
                            <img src="./Public/Home/style/images/mls5.jpg">
                        </a>
                    </li>
                    <li class="list_b1">
                        <a href="">
                            <img src="./Public/Home/style/images/mls5.jpg">
                        </a>
                    </li>
                    <li class="list_b1">
                        <a href="">
                            <img src="./Public/Home/style/images/mls5.jpg">
                        </a>
                    </li>
                </ul>
            </div>
            
        </div>
        <!-- 模块区域 -->
        <div id="model">
            <div id="model_t">
                <div class="model_tl">
                    <h2>正在流行</h2>
                    <span> &nbsp;流行元素 权威榜单</span>
                </div>
                <div class="model_t2"></div>
            </div>
            <div id="model_c">
                <img src="./Public/Home/style/images/mls2.png">
                <img src="./Public/Home/style/images/mls2.png">
                <img src="./Public/Home/style/images/mls2.png">
                <img src="./Public/Home/style/images/mls2.png">
                <img src="./Public/Home/style/images/mls2.png">
                <img src="./Public/Home/style/images/mls2.png">
            </div>
        </div>
        <div id="model1">
            <div id="model_t">
                <div class="model_tl">
                    <h2>新品精选</h2>
                    <span> &nbsp;尖货来袭 要你好看</span>
                </div>
                <div class="model_t2"></div>
            </div>
            <div id="model_c">
                <div class="model_ct">
                    <img src="./Public/Home/style/images/mls6.jpg">
                </div>
                <div class="model_cc">
                    <div class="model_cc1"><span>￥128.0</span></div>
                    <div class="model_cc2"><span>
                        <i class="iconfont" style="color:#999;">&#xe608;</i>
                        1
                    </span></div>
                    
                </div>
                <div class="model_cb">
                    <a href="">2016夏季新款连体阔腿裤韩版宽松显瘦连</a>
                </div>
                
            </div>
            <div id="model_c">
                <div class="model_ct">
                    <img src="./Public/Home/style/images/mls6.jpg">
                </div>
                <div class="model_cc">
                    <div class="model_cc1"><span>￥128.0</span></div>
                    <div class="model_cc2"><span>
                        <i class="iconfont" style="color:#999;">&#xe608;</i>
                        1
                    </span></div>
                    
                </div>
                <div class="model_cb">
                    <a href="">2016夏季新款连体阔腿裤韩版宽松显瘦连</a>
                </div>
                
            </div>
            <div id="model_c">
                <div class="model_ct">
                    <img src="./Public/Home/style/images/mls6.jpg">
                </div>
                <div class="model_cc">
                    <div class="model_cc1"><span>￥128.0</span></div>
                    <div class="model_cc2"><span>
                        <i class="iconfont" style="color:#999;">&#xe608;</i>
                        1
                    </span></div>
                    
                </div>
                <div class="model_cb">
                    <a href="">2016夏季新款连体阔腿裤韩版宽松显瘦连</a>
                </div>
                
            </div>
            <div id="model_c">
                <div class="model_ct">
                    <img src="./Public/Home/style/images/mls6.jpg">
                </div>
                <div class="model_cc">
                    <div class="model_cc1"><span>￥128.0</span></div>
                    <div class="model_cc2"><span>
                        <i class="iconfont" style="color:#999;">&#xe608;</i>
                        1
                    </span></div>
                    
                </div>
                <div class="model_cb">
                    <a href="">2016夏季新款连体阔腿裤韩版宽松显瘦连</a>
                </div>
                
            </div>
            <div id="model_c">
                <div class="model_ct">
                    <img src="./Public/Home/style/images/mls6.jpg">
                </div>
                <div class="model_cc">
                    <div class="model_cc1"><span>￥128.0</span></div>
                    <div class="model_cc2"><span>
                        <i class="iconfont" style="color:#999;">&#xe608;</i>
                        1
                    </span></div>
                    
                </div>
                <div class="model_cb">
                    <a href="">2016夏季新款连体阔腿裤韩版宽松显瘦连</a>
                </div>
                
            </div>
        </div>
        <div id="model1">
            <div id="model_t">
                <div class="model_tl">
                    <h2>新品精选</h2>
                    <span> &nbsp;尖货来袭 要你好看</span>
                </div>
                <div class="model_t2"></div>
            </div>
            <div id="model_c">
                <div class="model_ct">
                    <img src="./Public/Home/style/images/mls6.jpg">
                </div>
                <div class="model_cc">
                    <div class="model_cc1"><span>￥128.0</span></div>
                    <div class="model_cc2"><span>
                        <i class="iconfont" style="color:#999;">&#xe608;</i>
                        1
                    </span></div>
                    
                </div>
                <div class="model_cb">
                    <a href="">2016夏季新款连体阔腿裤韩版宽松显瘦连</a>
                </div>
                
            </div>
            <div id="model_c">
                <div class="model_ct">
                    <img src="./Public/Home/style/images/mls6.jpg">
                </div>
                <div class="model_cc">
                    <div class="model_cc1"><span>￥128.0</span></div>
                    <div class="model_cc2"><span>
                        <i class="iconfont" style="color:#999;">&#xe608;</i>
                        1
                    </span></div>
                    
                </div>
                <div class="model_cb">
                    <a href="">2016夏季新款连体阔腿裤韩版宽松显瘦连</a>
                </div>
                
            </div>
            <div id="model_c">
                <div class="model_ct">
                    <img src="./Public/Home/style/images/mls6.jpg">
                </div>
                <div class="model_cc">
                    <div class="model_cc1"><span>￥128.0</span></div>
                    <div class="model_cc2"><span>
                        <i class="iconfont" style="color:#999;">&#xe608;</i>
                        1
                    </span></div>
                    
                </div>
                <div class="model_cb">
                    <a href="">2016夏季新款连体阔腿裤韩版宽松显瘦连</a>
                </div>
                
            </div>
            <div id="model_c">
                <div class="model_ct">
                    <img src="./Public/Home/style/images/mls6.jpg">
                </div>
                <div class="model_cc">
                    <div class="model_cc1"><span>￥128.0</span></div>
                    <div class="model_cc2"><span>
                        <i class="iconfont" style="color:#999;">&#xe608;</i>
                        1
                    </span></div>
                    
                </div>
                <div class="model_cb">
                    <a href="">2016夏季新款连体阔腿裤韩版宽松显瘦连</a>
                </div>
                
            </div>
            <div id="model_c">
                <div class="model_ct">
                    <img src="./Public/Home/style/images/mls6.jpg">
                </div>
                <div class="model_cc">
                    <div class="model_cc1"><span>￥128.0</span></div>
                    <div class="model_cc2"><span>
                        <i class="iconfont" style="color:#999;">&#xe608;</i>
                        1
                    </span></div>
                    
                </div>
                <div class="model_cb">
                    <a href="">2016夏季新款连体阔腿裤韩版宽松显瘦连</a>
                </div>
                
            </div>
        </div>
            <!-- 友情链接 -->
            <div id="link">
                <span id="link_l">友情链接：</span>
                <ul id="link_c">
                    <li class="link_cl">
                        <a href="">爱乐活</a>
                        <a href="">蜜芽宝贝</a>
                        <a href="">趣分期大学生分期购物</a>
                    </li>
                </ul>
                <div id="link_r">
                    <a href="">更多>></a>
                </div>
            </div>
            <!-- 站点配置 -->
            <div id="web">
                <span>Copyright ©2016 Meilishuo.com</span>
                <a href=""> 电信与信息服务业务经营许可证100798号</a>
                <a href="">经营性网站备案信息</a>
                <span>京ICP备11031139号</span>
                <span>京公网安备110108006045</span>
            </div>
        
    
    
</body>
</html>